<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>课堂案例-拼接字符串</title>
</head>

<body>
  <div class="box"></div>
  <script>
    const box = document.querySelector('.box')

    // 需求： 请输出以下格式 '40cm*40cm/黑色' 并设置给div
    const spec = { size: '40cm*40cm', color: '黑色' }


    // 1. 第一种方式 对象.属性的方法拼接字符串


    // 2. 第二种方式 Object.values()
      // box.innerHTML = Object.values(spec).join('/')
      box.innerHTML = Object.values(spec).join('/')
    
  </script>
</body>

</html>